<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title tal:content="pageTitle">Titulo de la Pagina</title>
    <link rel="stylesheet"  href="${CSSDIR}style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
        <div id="header">
            <img src="${IMGDIR}logo_app.png" alt="Logo" />
        </div>
        <div id="content">
            <div id="menu"> 
                <div id="menu1" class="myconfig"> 
                    <h3><a href="">Administrador <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="">Cambiar Clave</a></li>
                            <li><a href="">Mi Configuración</a></li>
                        </ul>
                </div>
                <div id="menu2" class="item">
                    <h3><a href="">Ventas <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="${LISTCLIENTS}" title="Productos">Clientes</a>
                                <ul>
                                    
                                    <li><a href="${ADDCLIENT}" title="Agregar Cliente"><span><img src="${IMGDIR}add.png" alt="Agregar Cliente" /></span></a></li>
                                    <li><a href="${LISTCLIENTS}" title="Listado de Clientes"><span><img src="${IMGDIR}list.png" alt="Listado de Clientes" /></span></a></li>
                                </ul>
                            </li>
                            <li><a href="${LISTINVOICES}" title="Facturas">Facturas</a>
                                <ul>
                                    
                                    <li><a href="${ADDINVOICE}" title="Agregar Producto"><span><img src="${IMGDIR}add.png" alt="Agregar Producto" /></span></a></li>
                                    <li><a href="${LISTPRODUCTS}" title="Listado de Productos"><span><img src="${IMGDIR}list.png" alt="Listado de Facturas" /></span></a></li>
                                </ul>
                            </li>
                            <li><a href="${LISTPRODUCTS}" title="Productos">Productos</a>
                                <ul>
                                    
                                    <li><a href="${ADDPRODUCT}" title="Agregar Producto"><span><img src="${IMGDIR}add.png" alt="Agregar Producto" /></span></a></li>
                                    <li><a href="${LISTPRODUCTS}" title="Listado de Productos"><span><img src="${IMGDIR}list.png" alt="Listado de Productos" /></span></a></li>
                                </ul>
                            </li>
                        </ul>
                </div>
                <div id="menu3" class="item">
                    <h3><a href="">Configuración <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="" title="Listar Usuarios">Usuarios</a>
                                <ul>
                                    
                                    <li><a href="${ADDUSER}" title="Agregar Usuario"><span><img src="${IMGDIR}add.png" alt="Agregar Usuario" /></span></a></li>
                                    <li><a href="${LISTUSERS}" title="Listar Usuarios"><span><img src="${IMGDIR}list.png" alt="Listar Usuarios" /></span></a></li>
                                </ul>
                            </li>
                        </ul>
                </div>
            </div>
            <div id="result">
                <div id="path"><a href="">Inicio</a> > <a href="">Configuración</a> > <a href="">Usuarios</a> > <a href="">Listado de Usuarios</a> </div>
                <div class="form">
                    <h2 tal:content="actionTitle">titulo de la acción que se esta ejecutando</h2>
                    <div class="error" tal:condition="actionError" tal:content="actionError"></div>
                    <div class="success" tal:condition="successMessage" tal:content="successMessage"></div>
                   
                    <form method="post">
                        <h3>Datos Cliente</h3>
                        <div class="fila">
                            <p id="filaError1" class="errorRow" tal:condition="exists:actionErrors/userType" tal:content="actionErrors/userType" >Error 1</p>
                            <label for="clientsId">Seleccione el cliente</label>     
                            <div id="campo1" class="campo">
                                <select id="clientId" name="clientId">
                                    <option tal:repeat="clientId params/clientsId" 
                                    tal:attributes="selected clientId/selected; value clientId/value" 
                                    tal:content="clientId/name">
                                    </option>
                                </select>
                            </div>
                        </div>
                      
                        <h3>Productos</h3>
                        
                        <table>
                           <thead> 
	                            <tr>
	                                <th><label>Producto</label></th><th><label>Catidad</label></th>
	                            </tr>
                           </thead> 
                           <tbody>
                                <tr>
                                    <td>                                
	                                    <select id="productId" name="productId">
	                                        <option tal:repeat="productId params/productsId" 
	                                        tal:attributes="selected productId/selected; value productId/value" 
	                                        tal:content="productId/name">
	                                        </option>
	                                    </select>
                                    </td>
                                    <td>
                                        <input id="quantity" name="quantity" maxlength="" size="" type="text" value="" tal:attributes="value params/quantity | default;"/>
                                    </td>
                                </tr>
                           </tbody>
                        </table>
                        <div class="boton">
                            <input id="submit" name="submit" type="submit" value="Agregar Producto" class="enviar"/>
                        </div>
                        <table>
                            <thead>
                                <tr>
                                    <th class="c12">Codigo</th>
                                    <th class="c12">Nombre</th>
                                    <th class="c12">Catidad</th>
                                    <th class="c12">Valor Unitario</th>
                                    <th class="c12">IVA</th>
                                    <th class="c12">Valor Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                 <tr  tal:repeat="product products">
                                    <td tal:content="product/code"/>
                                    <td tal:content="product/name"/>
                                    <td tal:content="product/quantity"/>
                                    <td tal:content="product/price"/>
                                    <td tal:content="product/IVA"/>
                                    <td tal:content="product/total"/>
                                    <td>
                                        <a href="${ACTIVATEUSER}" title="Desactivar" ><img src="${IMGDIR}/deactivate.png" alt="Desactivar usuario " /></a><br/>
 
                                    </td>
                                </tr>
                                <tr>
                                    <th colspan="6">Subtotal</th><td></td>
                                </tr>
                                <tr>
                                    <th colspan="6">IVA</th><td></td>
                                </tr>
                                 <tr>
                                    <th colspan="6">Total</th><td></td>
                                </tr>
                            </tbody>
                        </table>
                        
                        
                    </form>
                    
                </div>
            </div>  
        </div>
        <div id="footer">UNAL - Ingenieria de Software - 2011
        </div>
    </div>
</body>
</html>
